﻿<div class="page-content">
    <div class="page-header position-relative">
        <h1>
            Manage Products
            <a href="#/catalogs/manage/add" class="btn btn-primary pull-right">
                <i class="icon-plus bigger-125"></i>
                Add Product
            </a>
        </h1>

    </div>
    <div class="row-fluid">
        <div class="span12">
            <!--PAGE CONTENT BEGINS-->

            <div class="row-fluid">
                <table id="sample-table-2" class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th class="center">
                                <label>
                                    <input type="checkbox" />
                                    <span class="lbl"></span>
                                </label>
                            </th>
                            <th>Name</th>
                            <th>Price</th>
                            <th class="hidden-480">Condition</th>
                            <th class="hidden-480">Date Posted</th>
                            <th>Status</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="car in cars">
                            <td class="center">
                                <label>
                                    <input type="checkbox" />
                                    <span class="lbl"></span>
                                </label>
                            </td>

                            <td>
                                <a href="#/catalogs/manage/prod/{{car.Id}}">{{car.Name}}</a>
                            </td>
                            <td>{{car.Price | currency: "₱"}}</td>
                            <td class="hidden-480">{{car.Specification.VehicleCondition}}</td>
                            <td class="hidden-480">{{car.DatePosted}}</td>

                            <td>
                                <span class="label label-warning">{{car.Status}}</span>
                            </td>
                            <td class="td-actions">
                                <div class="hidden-phone visible-desktop action-buttons">
                                    <a class="green" href="#/catalogs/manage/prod/{{car.Id}}?mode=edit">
                                        <i class="icon-pencil bigger-130"></i>
                                    </a>
                                    <a class="red" href="javascript:void(0);" ng-click="deleteCarById($index,car.Id)">
                                        <i class="icon-trash bigger-130"></i>
                                    </a>
                                </div>
                                <div class="hidden-desktop visible-phone">
                                    <div class="inline position-relative">
                                        <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                            <i class="icon-caret-down icon-only bigger-120"></i>
                                        </button>

                                        <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                            <li>
                                                <a href="#/catalogs/manage/prod/{{car.Id}}?mode=edit" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                    <span class="green">
                                                        <i class="icon-edit bigger-120"></i>
                                                    </span>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0);" class="tooltip-error" data-rel="tooltip" title="Delete"
                                                    ng-click="deleteCarById($index,car.Id)">
                                                    <span class="red">
                                                        <i class="icon-trash bigger-120"></i>
                                                    </span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div><!--/.span-->
    </div><!--/.row-fluid-->
</div><!--/.page-content-->